<template>
  <div>
    <h2>父组件</h2>
    <h3 style="color: brown;">{{ msg }}</h3>
    <router-link to="/parent/child1" class="btn">子路由1</router-link>
    <router-link to="/parent/child2" class="btn">子路由2</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  props: {
    msg:{
      type: String,
      default: '父组件'
    }
  },
  name: 'Parent',
  
  data () {
    return {
    }
  },
}
</script>